<template>
  <div>
    <!-- 二级路由出口,animate添加过渡动画-->
    <!-- <transition enter-active-class="animate__animated 两个空格动画名字">

    
    </transition> -->
    <!-- <vhead></vhead> -->

    <transition enter-active-class="animate__animated animate__rubberBand">
    <router-view></router-view>
    
    </transition>
<!-- 尾部固定导航 -->
    <vfoot></vfoot>


  </div>
</template>
<script>
import vfoot from "../components/foot.vue"; //尾部固定导航
import vhead from '../components/head.vue'//头部

export default {
  components: {
    vfoot,
    vhead,
  },
};
</script>
<style scoped>
.footgo {
  width: 100%;
  position: fixed;
  bottom: 0;
  height: 0.83rem * 2;
  background: rgb(255, 255, 255);
  /* border-top: 1px solid #888; */
}
.gootxin {
    display: flex;
    justify-content: space-around;
  }
  .footli_a {
      width: 0.18rem * 2;
      height: 0.2rem * 2;
      /* background: rgb(182, 33, 33); */
      margin: 0.05rem auto;
    }
    .footli_a img{
            margin: 0.05rem auto;

    }
    p {
      text-align: center;
    }
    .footli {
    width: 0.4rem * 2;
    height: 0.4rem * 2;
    /* background: rgb(100, 107, 89); */
    overflow: hidden;
    margin-top: 0.2rem;
    
    
  }
</style>